用jQuery改变图片(image src)

可以使用jQuery的attr()函数,请看下面的例子:

1
<img id="my_image" src="first.jpg"/>

jQuery改变src:

1
$("#my_image").attr("src","second.jpg");

绑定onclick事件:

1
2
3
$("#my_image").click( function() {
$("#my_image").attr("src","second.jpg");
});

单机更改图片:

1
2
3
4
5
6
$("img").click( function() {
var src = ($(this).attr("src") === "img1_on.jpg")
? "img2_on.jpg"
: "img1_on.jpg";
$(this).attr("src", src);
});